<div class="navbar container">
    <div class="navbarcontent">
        <div class="row">
            <div class="logo col-sm-3 col-md-2 col-lg-1 col-lg-offset-1">
                <a href="#"><img src="/img/index/logo.svg" alt="" /></a>
            </div>
            <!-- 头部的搜索框 -->
            <div class="search row col-sm-6 col-md-4 col-lg-3">
                <input type="text" class="col-xs-9" id="ss" />
            </div>
            <!-- 头部的导航栏 -->
            <div class="headernav col-sm-12 col-md-4 col-md-offset-2 col-lg-offset-3">
                <ul class="row headernavul">
                    <li>
                        <a href="/index" class="col-xs-3 headera">首页</a>
                    </li>
                    <li>
                        <a href="" class="col-xs-3 headera">新手入门</a>
                    </li>
                    <li>
                        <a href="" class="col-xs-3 headera">API</a>
                    </li>
                    <li>
                        <a href="/topic" class="col-xs-3 headera">话题</a>
                    </li>

                    <!-- Split button -->
                    {{#if userMsg}}
                    <li>
                        <a href="setting" class="col-xs-3 headera">设置</a>
                    </li>

                    <div class="btn-group">
                        <button type="button" class="btn btn-default">
              {{userMsg.user_name}}
            </button>
                        <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
              <span class="caret"></span>
              <span class="sr-only">Toggle Dropdown</span>
            </button>
                        <ul class="dropdown-menu">
                            <li><a href="#">个人中心</a></li>
                            <li role="separator" class="divider"></li>
                            <li><a href="/loginout">退出登录</a></li>
                        </ul>
                    </div>
                    {{else}}
                    <li><a href="/registered" class="col-xs-3 headera">注册</a></li>
                    <li><a href="/login" class="col-xs-3 headera">登录</a></li>
                    {{/if}} -->
                    <!-- {{{btn}}} {{{username}}} -->
                    <!-- <li><a href="/registered" class="col-xs-3 headera">注册</a></li>
                        <li><a href="/login" class="col-xs-3 headera">登录</a></li> -->
                </ul>
            </div>
        </div>
    </div>
</div>

<script>
    $("#ss").on("mouseover", function() {
        $("#ss").css("background", "#fff");
    });

    $("#ss").on("mouseout", function() {
        $("#ss").css("background", "#888");
    });
</script>